
$primary-color: #016AE0;
$warning-color: #E6A23C;
$danger-color: #ce2c2c;
$info-color:#909399;
$success-color:#67c23a;

$primary-color-light: #EBF4FB;
$font-size: 14px; // 字体大小、默认值


// sidebar
$menuText:#575757;
$menuActiveText:$primary-color;
$subMenuActiveText:$primary-color; //https://github.com/ElemeFE/element/issues/12951

$menuBg:#FFFFFF;
$menuHover:#FFFFFF;

$subMenuBg:#FFFFFF;
$subMenuHover:$primary-color;

$sideBarWidth: 210px;


/**
 * 共享变量
 * js中使用
 * import styles '@/styles/varible.scss'
 * console.log(styles.primaryColor)
 */
:export {
  primaryColor: $primary-color;
  warningColor: $warning-color;
  dangerColor: $danger-color;
  fontSize: $font-size;

  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}